<template>
	<view>
		<view class="app" style="background-image: url(https://gnzxwylz.xlygrcw.com/upload/GNZX/home/1.png);">
			<!-- 导航-->
			<view class="app-1">
				<navigator hover-class="none" :url="item.path" v-for="(item, index) in navList" :key="index">
					<view class=""><image :src="item.imgUrl" mode="widthFix"></image></view>
					<text v-text="item.name"></text>
				</navigator>
			</view>
			<view class="app-title">
				<text>会议</text>
				<navigator  url="/pages/huiyiList/huiyiList">更多></navigator>
			</view>
			<view class="app-2">
				<scroll-view scroll-x="true">
					<view class="app2-con"><huiyi-mode class="app21" v-for="(item, index) in huiyiList" :key="index" :item='item' @tap="onUpda"></huiyi-mode></view>
				</scroll-view>
			</view>
			<view class="app-title">
				<text>活动</text>
				<navigator  hover-class="none" url="/pages/huodongList/huodongList">更多></navigator>
			</view>
			<view class="app-3">
				<view><huodong-mode @tap="onUpda" v-for="(item, index) in huoList" :item='item' :key="index"></huodong-mode></view>
				<view class="loading-text">{{ loadingText }}</view>
			</view>
		</view>
	</view>
</template>
<script>
import curretData from './index.js';
import huiyiMode from '../../../components/huiyiMode.vue';
import huodongMode from '../../../components/huodongMode.vue';
import validate from '../../../utils/validate.js';
export default { 
	data() {
		return {
			navList: curretData.navList,
			huiyiList:curretData.huiyiList,
			huoList:curretData.huoList,
			page: 1,
			pageSize: 10,
			loadingText: '到底了......'
		};
	},
	components: { huiyiMode, huodongMode },
	onShow() {

	},
	onLoad() {},
	onReachBottom: function() {
		this.page++;
		console.log(this.page);
	},
	methods: {
		onUpda() {
			uni.showToast({
				title: '功能维护中，敬请期待......',
				icon: 'none'
			});
		},
	}
};
</script>

<style lang="scss">
@import './index.scss';
</style>
